/* eslint-disable */
<template>
    <div style="width:100%;height:100%;">
        <div :style="width" v-for="t in data" :key="t.$index" class="table-container">
             <Table  style="background:#f00;" border :loading="loading" :columns="t.columns"
             :height="$props.target.props.height.value"
             :data="t.data" size="small"></Table>
        </div>
    </div>
</template>
<style lang="less" scoped>
    .table-container{
        display: inline-block;
        .ivu-table td, .ivu-table th{
            text-align: center;
        }
    }
</style>
<script>
export default {
    props: {
        target: Object
    },
    data () {
        return {
        }
    },
    computed: {
        loading: {
            get () {
                return this.$props.target.data.isLoading
            }
        },
        data: {
            get () {
                return this.$props.target.data.value
            }
        },
        width: {
            get () {
                let l = this.$props.target.data.value.length
                let _style = {}
                _style['width'] = 1 / l * 100 + '%'
                return _style
            }
        }
    },
    methods: {
    },
    components: {
    },
    mounted () {
    }
}
</script>
